<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0023)http://stage.5aixue.cn/ -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>爱学教育登陆</title>
<link rel="stylesheet" href="css/login.css" type="text/css">  
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
	var img = jQuery("<img>").attr("src","images/checkbox.png");
	img.click(function(){
			if ($(this).next().attr("checked")==true) {
			    $(this).attr("src","images/checkbox.png");
			    $(this).next().attr("checked",false);
			}else{
				$(this).attr("src","images/checkbox_on.png");
			    $(this).next().attr("checked",true);
			}
		});
	$(".lh_checkbox").before(img).css({display:"none"});;
	//控制text
	$("#yzm").focus(function(){
	$(".login_bk_yzm").stop().animate({backgroundPosition:"-2px 11px"},200);
	});
	$("#username").focus(function(){
	$(".login_bk_username").stop().animate({backgroundPosition:"0px 11px"},200);
	});
	$("#password").focus(function(){
	$(".login_bk_password").stop().animate({backgroundPosition:"15px 11px"},200);
	});

	$("#yzm").blur(function(){
		 if ($(this).val()=="") {
		 	$(".login_bk_yzm").stop().animate({backgroundPosition:"70px 11px"},1000);
		 }else{
		 
		 }
		});
	$("#username").blur(function(){
	 if ($(this).val()=="") {
	 	$(".login_bk_username").stop().animate({backgroundPosition:"70px 11px"},1000);
	 }else{
	 
	 }
	});
	$("#password").blur(function(){
	 if ($(this).val()=="") {
	 	$(".login_bk_password").stop().animate({backgroundPosition:"70px 11px"},1000);
	 }else{
	 
	 }
	});
	

	$("#submit").click(function(){
		if ($("#username").val()=="") {
			$("#username").nextAll().css({"display":"block"});
			$("#password").nextAll().css({"display":"none"});
			jQuery('#username').focus();
			$("#yzm").nextAll().not("#validImg_a").css({"display":"none"});
			}else{
			$("#username").nextAll().css({"display":"none"});
			if ($("#password").val()=="") {
				$("#password").nextAll().css({"display":"block"});
				$("#yzm").nextAll().not("#validImg_a").css({"display":"none"});
				jQuery('#password').focus();
				}else{
				$("#password").nextAll().css({"display":"none"});
				if ($("#yzm").val()=="") {
					jQuery('#yzm').focus();
					$("#yzm").nextAll().not("#validImg_a").css({"display":"block"});
					}else{
					$("#yzm").nextAll().not("#validImg_a").css({"display":"none"});
					}
				}
		}
		
		if ($("#username").val()=="" || $("#password").val()=="" || $("#yzm").val()=="") {
			$(".login_error").find("img").css({"display":"none"});
		} else {
		//	$(".login_error").find("img").css({"display":"block"});
			login();
			
		}
		
	});
	
	
});
function login()
{
		
		
	   var response = $.ajax({
        type: "POST",
        url: "/",
        data: {controller:'Login',userName:$('#username').val(),password :$('#password').val(),validCode:$('#yzm').val(), pTime:new Date().getTime()},
       
        async: false

    }).responseText;
    
		
    if(response=='success')
    {
    	//$('#logoutLink').css("display","block");
    	//$('#main').html(response);
    	location.href="/";
    }else{
			if (response=='validCodeError')
			{
				//验证码错误
				jQuery('#yzm').focus();
				jQuery(".login_error").find("img").eq(1).attr("src","images/error2.png");
				jQuery(".login_error").find("img").css({"display":"block"});
			
			}else if(response=='loginCheckError'){
				//用户名或密码错误
				jQuery('#username').focus();
				jQuery(".login_error").find("img").eq(1).attr("src","images/error.png");
				jQuery(".login_error").find("img").css({"display":"block"});
				
			}
    	refreshValid();
    	
    }
}

function refreshValid()
{
	var timestamp = (new Date()).valueOf();  
	$('#validImg').attr("src","/Login/getValidCode/a="+timestamp);
}


//学生 老师 家长设置 //slideToggle
$(function(){
$(".kc_menu li").click(function(){

$el = $(this);
$(this).addClass("curt").siblings().removeClass("curt");
//判断当前移动时晃动的位置position
if ($(".teachlist").position().left<-($el.index()*699)) {
temp = -10;
temp1= +10;
}
else{
temp = +10;
temp1= -10;
}
$(".teachlist").animate({left:-($el.index()*699+temp)+"px"},400,function(){
//alert(1);
$(".teachlist").animate({left:-($el.index()*699+temp1)+"px"},200,function(){
//alert(2);
$(".teachlist").animate({left:-($el.index()*699)+"px"},200,function(){

});
});
});
$(".teachicons").animate({left:($(this).index()*283)+"px"},600);
	});
	
$(".login_left span").click(function(){
	var index = $(this).index();
	$(".login_right").eq(index).show().siblings(".login_right").hide();
	$(".login_sanjiao").animate({top:(index+1)*75+"px"}, 500);
    //$(".login_sanjiao").animate({top:($(this).index()*75)+"px"},500);
});
	
//窗帘效果
$(".loMian_menu li").click(function(){
	var index = $(this).index();
	$(this).addClass("curt").stop().siblings().removeClass("curt");
	$(".loMian_slide").eq(index).stop().slideDown("fast").siblings(".loMian_slide").hide();
});

});

</script>
</head>

<body>
	<div class="lotop">
		<div class="login">
			 <div class="login_sanjiao" style="top: 75px; "></div>
			 <div class="login_left">
				
				<span class="login_left_sanjiao"></span>
				<span class="login_left_sanjiao"></span>
				<span class="login_left_sanjiao"></span>
				
			 </div>
			 
			 <div class="login_right" style="display: block; ">
				 <ul class="login_ul">
				 <form id="loginform" method="post" action="" onkeydown="javascript:if (event.keyCode==13) {jQuery(&#39;#submit&#39;).click();}">
					<li class="login_top" style="height:25px;">  </li>
					<li class="login_error"><img src="images/xl.png" class="dis fleft"> <img src="images/error.png" class="dis fleft"> </li>
					<li class="login_text login_bk_username" style="background-position: 70px 11px; "><input id="username" autocomplete="off" name="username" maxlength="15" value="" type="text" class="login_form_text  fleft"> <img src="images/jiantou.png" class="fleft dis"> <img src="images/1.png" class="fleft dis"></li>
					<li class="login_text login_bk_password" style="background-position: 70px 11px; "><input id="password" autocomplete="off" name="password" maxlength="15" value="" type="password" class="login_form_text  fleft"> <img src="images/jiantou.png" class="fleft dis"> <img src="images/2.png" class="fleft dis"></li>
					<li class="login_text login_bk_yzm" style="background-position: 70px 11px; "><input id="yzm" name="yzm" autocomplete="off" type="text" class="login_form_text2  fleft" maxlength="4">  <a href="javascript:void(0)" title="点击刷新" ondragstart="return false" id="validImg_a" onclick="javascript:refreshValid()" alt="刷新验证码"><img id="validImg" src="images/getValidCode" class="yzm fleft" style="border:0px"></a> <img src="images/jiantou.png" class="fleft dis"> <img src="images/3.png" class="fleft dis"></li>
					<li class="login_button"><input id="submit" name="submit" type="button" class="login_form_button" value=" "></li>
					<li class="dis"><img src="images/checkbox.png"><input id="Remember" type="checkbox" name="Remember" class="lh_checkbox" style="display: none; "> <a href=""><img src="images/jizhu.png"></a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="images/lock.png"> <a href=""><img src="images/wangji.png"></a> </li>
				</form>
				</ul>
			</div>
			 
			 <div class="login_right" style="display: none; ">
				 <div class="login_r01top"><img src="images/about_title.png" width="77" height="26" border="0"></div>
				 <div class="login_r01con">
				 爱学云服务平台是集教学、管理、学习、社交娱乐于一体，致力为各级教委、各类中小学校、培训学校、广大的师生家长提供安全、易用、开放、灵活的教育资源公共服务平台。
			   用户无需部署相关的复杂软硬件基础设施和应用软件，即可通过平台利用先进的云计算技术，构建一个实用、先进、高效、通用的数字化教育学习平台，使教育资源、教务管理、教育内容、教学手段和方法等教育相关内容数字化、网络化、智能化和多媒体化。培养学生自主学习，主动解决问题的能力，家长能够主动参与到学校的教育工作中，配合教师对学生的教学；协助广大教育工作者创新教学方法，提高教学水平，分享经验与教育资源，使学校创新运行机制和管理模式，为公众提供公共教育信息，提高教育管理现代化水平。
				 </div>
			</div>
			 
			 <div class="login_right" style="display: none; ">
				 <div class="login_r01top01"></div>
				 <div class="login_r01con">
				爱学云服务平台是集教学、管理、学习、社交娱乐于一体，致力为各级教委、各类中小学校、培训学校、广大的师生家长提供安全、易用、开放、灵活的教育资源公共服务平台。
			   用户无需部署相关的复杂软硬件基础设施和应用软件，即可通过平台利用先进的云计算技术，构建一个实用、先进、高效、通用的数字化教育学习平台，使教育资源、教务管理、教育内容、教学手段和方法等教育相关内容数字化、网络化、智能化和多媒体化。培养学生自主学习，主动解决问题的能力，家长能够主动参与到学校的教育工作中，配合教师对学生的教学；协助广大教育工作者创新教学方法，提高教学水平，分享经验与教育资源，使学校创新运行机制和管理模式，为公众提供公共教育信息，提高教育管理现代化水平。
				 </div>
			</div>
	
		</div>
	</div>

</body></html>